<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="rich" uri="http://richfaces.ajax4jsf.org/rich"%>
<%@ taglib prefix="a4j" uri="http://richfaces.org/a4j"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="StyleSheet" type="text/css" href="/jsf/style/estilos.css" media="screen" />
	<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAmjdf8Alop0GKF_NBWArt3BT5v9-o2r6w0lkNViKnnl2aePIiehQj6bM1FD71xnN0cekKXYXckmwZHw"></script>
	<script type="text/javascript">google.load("maps", "2.81");</script>
	<script type="text/javascript" src="/jsf/scripts/map.js"></script>
</head>

<body onload="loadMaps();">
<f:view>
	<h:form>
		<a4j:keepAlive beanName="pontoBean" />
		<fieldset>
		
			<input type="hidden" id="points" value="${pontoBean.pointsMap}"/>
		
			<div id="panel" style="height:18px; width:400px"></div>
			<img id="routeEraser" src="../images/eraser.png" width="10px" height="16px" onclick="clearCurrenteRoute()"/>
			<div id="map" style="height:580px"></div>
		
			 <a4j:region id="regiaoAjax">
			 	<a4j:status id="sts">
	            	<f:facet name="start">
	            		<h:graphicImage value="/images/ajax-loader.gif" />
	               	</f:facet>
	            </a4j:status>
	         </a4j:region>
			
		</fieldset>
		<h:commandButton value="Voltar" immediate="true" action="toIndex" styleClass="botoes"/>
	</h:form>
</f:view>
</body>
</html>